<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Projects</title>
  </head>

  <body>

    <aside>
      <h2>Select one of the projects listed below:</h2>
    </aside>

    <section>
      <ul id="projects">
        <g:each in="${projects}" var="project">
          <li id="project">
              <g:link action="project"  id="${project.externalId}" >
              <div class="image"></div>
              <p><b>Title:</b> ${project.name}</p>
              <p><b>Project Owner:</b> ${project.owner}</p>
              <p><b>Reference:</b> ${project.externalId}</p>
              <p><b>Description:</b> ${project.description}</p>
            </g:link>
          </li>
        </g:each> 
      </ul>
    </section>

  </body>
</html>